import { createRouter, createWebHistory } from "vue-router";

// 路由元信息预设

const routes = [
  // 根路由重定向
  {
    path: "/",
    redirect: "/Service",
  },

  // Service文件下所有路由
  {
    path: "/Service",
    name: "Service",
    component: () => import("@/view/Services/ServicePage.vue"),
    meta: { showTabBar: true }, // 添加元信息
  },
  {
    path: "/Service/Video", // 伪装成二级路由，实际是独立路由
    name: "ServiceVideo",
    component: () => import("@/view/Services/ServiceList/Video.vue"), // 全屏视频页
    meta: { showTabBar: false }, // 添加元信息
  },
  {
    path: "/Service/Advantages", // 伪装成二级路由，实际是独立路由
    name: "Advantages",
    component: () => import("@/view/Services/ServiceList/Advantages.vue"), // 全屏视频页
    meta: { showTabBar: false }, // 添加元信息
  },
  {
    path: "/Service/ThankYouLetter", // 伪装成二级路由，实际是独立路由
    name: "ThankYouLetter",
    component: () => import("@/view/Services/ServiceList/ThankYouLetter.vue"), // 全屏视频页
    meta: { showTabBar: false }, // 添加元信息
  },
  // petDetail页
  {
    path: "/Service/petDetail/:petId",
    name: "petDetail",
    component: () => import("@/view/Services/ServiceList/petDetail.vue"),
    meta: { showTabBar: false },
  },

  // Service文件下所有路由

  // PetCares文件下所有路由
  {
    path: "/PetCare/:defaultTab?",
    name: "PetCare",
    component: () => import("@/view/PetCares/PetCare.vue"),
    props: (route) => ({
      defaultTab: route.params.defaultTab ? Number(route.params.defaultTab) : 0,
    }),
  },

  // PetCares文件下所有路由

  // myPet文件下所有路由
  {
    path: "/myPet",
    name: "myPet",
    component: () => import("@/view/MyPets/myPet.vue"),
    meta: { showTabBar: true }, // 添加元信息
  },
  //     // 个人资料页
  {
    path: "/MyPet/Profile", // 添加斜杠
    name: "Profile",
    component: () => import("@/view/MyPets/mypetList/profile.vue"),
  },

  // myPet文件下所有路由

  // 宠物详情模块（结构化路由）
  // {
  //   path: "/pet",
  //   component: loadComponent("PetLayout"),
  //   props: true,
  //   children: [

  //     // 画廊页
  //     {
  //       path: "/Gallery",
  //       name: "Gallery",
  //       component: loadView("PageGallery"),
  //       meta: metaPresets.noFooter,
  //       props: true,
  //     },
  //     {
  //       path: "book",
  //       name: "petBook",
  //       component: loadView("PageServiceBook"),
  //       props: (route) => ({ serviceData: route.query }),
  //     },
  //     {
  //       path: "appointment",
  //       name: "appointment",
  //       component: loadView("AppointMent"),
  //       meta: { showHeader: true }, // 显示公共头部
  //       props: true,
  //     },
  //     {
  //       path: "AppointmentSuccess",
  //       name: "AppointmentSuccess",
  //       component: loadView("AppointmentSuccess"),
  //       meta: { showHeader: true }, // 显示公共头部
  //       props: (route) => ({
  //         OrderData: JSON.parse(route.query.data), // 自动转换
  //       }),
  //     },
  //     // 视频播放页面
  //     {
  //       path: "video",
  //       name: "VideoPage", // 确保与 toggleVideo 中的 name 匹配
  //       component: loadView("VideoPage"), // 新增的视频播放页面组件
  //       meta: metaPresets.minimal,
  //     },

  //   ],
  // },

  // // 其他主路由

  // // 我的页面
  // {
  //   path: "/MyPet",
  //   name: "MyPet",
  //   component: loadView("PageMypet"),
  //   meta: metaPresets.noHeader,
  // },

  // // 实用路由
  // {
  //   path: "/header-preview",
  //   name: "headerPreview",
  //   component: loadComponent("AppHeader"),
  //   meta: metaPresets.minimal,
  // },

  // // 404路由（必须放在最后）
  // {
  //   path: "/:pathMatch(.*)*",
  //   name: "notFound",
  //   component: loadView("NotFound"),
  //   meta: metaPresets.minimal,
  // },
];

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
  // 路由切换时滚动到顶部
  scrollBehavior(to, from, savedPosition) {
    return savedPosition || { top: 0 };
  },
});

// 路由守卫示例（可根据需要添加）
router.beforeEach((to, from, next) => {
  // 这里可以添加权限控制逻辑
  next();
});

export default router;
